:
     - : 8  : 1   : 100

:
<div class="uzer_coment_v">
 <?if($USER_AVATAR_URL$)?> 
 <img class="coment_avatar" src="$USER_AVATAR_URL$" /><?else?><img class="coment_avatar" src="/images/noava.gif" alt="no" /><?endif?>
 <div class="uzer_name"> 
 <?if($USERNAME$)?><a style="font-size: 11px; color: gray;" href="$PROFILE_URL$" target="_blank">
<?if(len($USERNAME$)>12)?><?substr($USERNAME$,0,12)?>...<?else?>$USERNAME$<?endif?> -  :</a><?else?><span title="" style="font-size: 11px; color: gray;"><?if(len($NAME$)>12)?><?substr($NAME$,0,12)?>...<?else?>$NAME$<?endif?> -  :</span><?endif?>
 </div>
 <div class="uzer_data"><a style="font-size: 11px; color: #526270;" href="$ENTRY_URL$"><?if(len($ENTRY_TITLE$)>22)?><?substr($ENTRY_TITLE$,0,22)?>...<?else?>$ENTRY_TITLE$<?endif?></a></a></div>
</div>

<div class="uzer_massage"> 
 <a style="font-size: 13px; color: #fff;" href="$ENTRY_URL$" target="_blank">$MESSAGE$</a>
</div>

<style>
.uzer_coment {
 overflow: hidden;
 width: 191px;
 border-bottom:none;}

.uzer_coment_v {
 float: left;
 width: 189px;
 height: 36px;
 background-color: #252C33;
 border-top: 1px solid #2D373E;
 border-left: 1px solid #2D373E;
 border-right: 1px solid #2D373E;}

.uzer_name {
 float: right;
 font: 12px Arial;
 padding: 0px 2px 0px 2px;}
 
.uzer_data {
 float: right;
 font: 12px Arial;
 padding: 0px 2px 0px 2px;}
 
.uzer_massage {
 width: 179px;
 float: left;
 overflow: hidden;
 margin-bottom: 5px;
 padding: 5px 5px 5px 5px;
 background-color: #2C343B;
 border: 1px solid #2D373E;}

.coment_avatar { 
 width: 26px;
 height: 26px;
 float: left;
 margin: 3px;
 opacity: 0.4;
 border: 2px solid #4F5D69;}

.coment_avatar:hover { opacity: 0.9;}
</style>